<template>
  <ul>
    <li class="accuser_list" v-for="(item,key) in accuserlist" :key="key">
          <span>
             <img :src="item.headimgurl" alt="">
            <p>{{item.nickname}}</p>
          </span>
      <p>&yen;{{item.profit_price}}元</p>
    </li>
  </ul>
</template>

<script>
export default {
  name: 'AccumulatedList',
  props: {
    accuserlist: {
      type: Array | Object
    }
  }
}
</script>

<style lang="less" scoped>
  .accuser_list{
    width: 100%;
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid  #f5efef;
    span{
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      margin-left: 15px;
      img{
        width: 60px;
        height: 60px;
        border-radius: 50%;
        margin-right: 10px;
      }
      p{
        font-size: 16px;
        color: black;
      }
    }
    p{
      margin-right: 15px;
      font-size: 17px;
      color: #dc376d;
      font-weight: 600;
    }
  }
</style>
